<template>
  <div>
    <div>
      <span>用户名:</span>
      <input type="text" />
    </div>

    <div>
      <span>密码:</span>
      <input type="password" />
    </div>
  </div>
</template>

<script>
export default {
  // 组件的创建和销毁 
  created() {
    console.log("01下的Myname被创建了");
  },
  destroyed() {
    console.log("01下的Myname被销毁了");
  },

  // 组件缓存下 多了两个钩子函数
  activated(){
    console.log('01下的Myname被激活了');
  },
  deactivated(){
    console.log('01下的Myname未激活'); 
  }
}
</script>

<style>
</style>